body, html { background-color: #EEE; }
.container { width: 480px; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); background-color: #FFF; z-index: 0; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -240px; overflow: hidden; overflow-y: auto; }
.page-body { position: relative; z-index: 1; -webkit-overflow-scrolling: touch; }
.help-block { color: #B0B0B0; }
/**/
/**/
/**/
.header { background-color: #339DE5; position: fixed; height: 50px; z-index: 99; width: 480px; left: 50%; margin-left: -240px; right: 0; top: 0; }
.header-left { position: absolute; left: 0; top: 0; width: 50px; height: 50px; color: #FFF; }
.header-left i { margin-left: -5px; }
.header-left:hover { color: #FFF;}
.header-right { position: absolute; right: 0; top: 0; height: 50px; padding-right: 15px; }
.header-right a { display: block; height: 50px; line-height: 50px; color: #FFF; }
.header-center { text-align: center; line-height: 50px; color: #FFF; }
.header-line { height: 50px; }
.footer-bar a { color: #454545; font-size: 14px; padding: 0 5px;}
.footer .customer { padding-top: 15px; text-align: center; padding-bottom: 5px;}
.footer .customer a { color: #454545; font-size: 13px; white-space: nowrap; padding: 0 5px;}
/**/
/**/
/**/
.logo { width: 100px; height: 100px; margin: 0 auto; border-radius: 100%; overflow: hidden; background-color: #FFF; }
.logo img { width: 100%; height: 100%; }
.btn-link.disabled,
.btn-link:disabled { color: #999 !important; text-decoration: none !important; }
/**/
/**/
/**/
.pic-upload .item { display: block; width: 80px; height: 80px; border: 1px #EEE solid; text-align: center; box-sizing: border-box; float: left; margin-left: 10px; margin-top: 10px; }
.pic-upload .item .fa { display: block; color: #BBB; margin-top: 15px; }
.pic-upload .item img { width: 100%; height: 100%; }
.pic-upload-btn { position: relative; }
.pic-upload-btn .webuploader-pick { background-color: transparent !important; padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pic-upload-btn label { margin: 0; padding: 0; }
/**/
/**/
/**/
.layui-m-layer { -webkit-overflow-scrolling: touch; z-index: auto !important; }
/**/
/**/
/**/
.customer-service-pop { max-width: 280px !important; }
.customer-service-pop .layui-m-layercont { padding: 20px 10px !important; }
.customer-service-pop i { display: block; width: 60px; height: 60px; margin: 0 auto; margin-bottom: 10px; }
.customer-service-pop .server-wechat { background: url("../images/icon_wechat.png") no-repeat center center / cover }
.customer-service-pop .server-qq { background: url("../images/icon_qq.png") no-repeat center center / cover }
.customer-service-pop .col-xs-6 { padding: 0; position: relative; }
.customer-service-pop .col-xs-6:first-child:after { content: ""; display: block; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; background-color: #EEE; }
.customer-service-pop .col-xs-6 span { line-height: 1em; }
.customer-service-pop .fa-times-circle-o { position: absolute; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; bottom: -40px; left: 50%; margin-left: -15px; }
/**/
/**/
/**/
.user-info { background-color: #FFF; padding: 15px; }
.user-info table { width: 100%;}
.user-info th { width: 16px; text-align: left; padding: 2px; vertical-align: middle; }
.user-info .name { width: 30px; font-size: 14px; text-align: right; vertical-align: middle; }
.user-info .text { font-size: 14px; color: #C50000; vertical-align: middle; line-height: 20px !important; padding: 2px 0; text-align: right;}
.user-info .label-danger { }
.user-info .warning td { font-size: 12px; color: #C50000; padding-left: 4px; }
.user-info .warning td a { color: #C50000; text-decoration: underline; font-size: 12px; }
.user-info .warning th { color: #C50000; }
/**/
/**/
.call-center { padding: 15px 0 0 0; }
.call-center .control-label { padding-bottom: 8px;}
.call-center .input-group { margin-bottom: 10px;}
.call-center-btns { padding-top: 15px;}
.call-center-btns .col-xs-6:first-child { padding-right: 5px;}
.call-center-btns .col-xs-6:last-child { padding-left: 5px;}
.call-center-pending-box { position: relative;}
.call-center-pending {left: 0; right: 0; top: 24px; bottom: 0; z-index: 100; text-align: center; color: #333; background-color: rgba(255, 255, 255, .2)}
/**/
/**/
.index-customer { padding-top: 5px; padding-bottom: 10px; }
.index-customer .col-xs-6 { text-align: center; padding: 0; }
.index-customer img { width: 24px; display: inline; }
.index-customer .name { display: inline; color: #666; }
/**/
/**/
.buy-user-name { }
.buy-user-name .btn { border-radius: 3px !important; padding-left: 15px; padding-right: 15px; }
/**/
/**/
.gbook-list { padding: 0 20px; background-color: #FFF; border-radius: 5px; border: 1px #E0E0E0 solid; }
.gbook-list li { display: block; padding: 20px 0; border-bottom: 1px #E0E0E0 solid; }
.gbook-list li:last-child { border-bottom: 0; }
.gbook-list li img { max-height: 40px; padding: 1px; }
.gbook-list li .say { }
.gbook-list li .time { font-size: 12px; color: #999; }
.gbook-list li .content { font-size: 12px; line-height: 1.5em; word-wrap: break-word; overflow: hidden; }
.gbook-list li .images { padding-top: 5px; }
.gbook-list li .reply { border: 1px #339DE5 solid; padding: 5px 10px; border-radius: 3px; position: relative; background-color: #EBFFF6; color: #060; margin-top: 15px; }
.gbook-list li .reply:before { content: ''; display: block; width: 10px; height: 10px; border: 5px solid transparent; border-bottom: 5px #339DE5 solid; position: absolute; top: -10px; left: 20px; font-size: 12px; }
.gbook-list li .reply .time { font-size: 12px; color: #060; padding-bottom: 5px; }
.gbook-list li .reply .images { padding-top: 5px; }
/**/
/**/
.get-register-pop { max-width: 400px !important; max-height: 400px; background: #FFF !important; -webkit-overflow-scrolling: touch; }
.get-register-pop .layui-m-layercont { padding: 0; margin: 0; }
.get-register-pop .nav-tabs > li { width: 50%; border-radius: 0; }
.get-register-pop .nav-tabs > li.active { border-bottom: 2px #339DE5 solid; }
.get-register-pop .nav-tabs > li a { margin-right: 0; }
.get-register-pop .nav-tabs > li:first-child a { border-top-right-radius: 0; }
.get-register-pop .nav-tabs > li:last-child a { border-top-left-radius: 0; }
.get-register-pop .nav-tabs > li a:hover { background-color: #F9F9F9; border-color: transparent !important; }
.get-register-pop #groupList { max-height: 339px; overflow: auto; position: relative; z-index: 1; -webkit-overflow-scrolling: touch; }
.get-register-pop #groupList .item { display: block; border: 1px #EEE solid; margin-bottom: 15px; border-radius: 5px; padding: 10px; }
.get-register-pop #groupList .item:last-child { margin-bottom: 0; }
.get-register-pop .nav-tabs a { color: #666; }
.get-register-pop .nav-tabs .active a,
.get-register-pop .nav-tabs .active a:focus,
.get-register-pop .nav-tabs .active a:hover,
.get-register-pop .nav-tabs .active a:active { color: #060 !important; font-weight: bold; }
.get-register-pop #byQqGet { text-align: left; }
.get-register-pop #byQqGet h4 { font-size: 14px; font-weight: normal; color: #999; margin: 0; padding: 0; margin-bottom: 10px; }
.get-register-pop #byQqGet .padding-15 { }
.get-register-pop #byQqGet li .fa { margin-right: 5px; color: #666; }
.get-register-pop #byQqGet li { padding: 5px 0;}
.get-register-pop #byQqGet li span { color: #999;}
.get-register-pop .fa-times-circle-o { position: absolute; bottom: -40px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; left: 50%; margin-left: -15px; }
/**/
/**/
@media (max-width: 767px) {
	body, html { background-color: #F9F9F9; overflow-y: auto; }
	.container, .phone-box .container { position: static; margin: 0; width: 100% !important; overflow: hidden; overflow-y: auto; box-shadow: none; }
	.header { left: 0; width: 100%; margin: 0; }
	.body-passport-login .header,
	.body-passport-register .header { width: 100%; left: 0; margin-left: 0; }
	.phone-box { background-image: none; position: static; width: auto; height: auto;}
	.phone-box .header { top: 0; border-bottom: 0; position: fixed !important;}
	.phone-box .header { width: 100%; margin-left: 0;}
	.phone-box .container > .header-line { display: block;}
}
@media (max-width: 480px) {
	.index-customer img { display: block; margin: 0 auto; width: 36px; margin-bottom: 5px; }
	.index-customer .name { font-size: 12px; }
}